/* 
  1. 图书列表的展示
    1.1 根据接口文档，发送ajax请求，获取到图书的数据
    1.2 动态渲染到table中
  2. 图书的删除功能
  3. 图书的添加功能
*/

// 1. 发送请求，获取图书数据
function render() {
  $.ajax({
    type: 'get',
    url: 'http://localhost:3000/api/getbooks',
    success: function (res) {
      if (res.status !== 200) {
        return alert(res.msg)
      }
      // 动态渲染结构
      console.log(res)
      let html = ''
      res.data.forEach((item, index) => {
        // console.log(item)
        html += `
        <tr>
            <td>${index + 1}</td>
            <td>${item.bookname}</td>
            <td>${item.author}</td>
            <td>${item.publisher}</td>
            <td><a href="javascript:;" data-id="${
              item.id
            }" class="btn btn-danger delete">删 除</a></td>
        </tr>
      `
      })
      $('#tb').html(html)
    },
  })
}

render()

// 2. 添加功能
$(function () {
  $('#btnAdd').on('click', function () {
    // 书名
    let bookname = $('#iptBookname').val().trim()
    // 作者
    let author = $('#iptAuthor').val().trim()
    // 出版社
    let publisher = $('#iptPublisher').val().trim()
    if (!bookname || !author || !publisher) {
      return alert('请输入信息')
    }

    // console.log($('form').serialize())
    $.ajax({
      type: 'post',
      url: 'http://localhost:3000/api/addbook',
      data: $('form').serialize(),
      success(res) {
        if (res.status !== 201) {
          alert(res.msg)
        } else {
          render()
          $('#iptBookname').val('')
          $('#iptAuthor').val('')
          $('#iptPublisher').val('')
        }
      },
    })
  })
})

$(function () {
  $('#tb').on('click', '.delete', function () {
    // console.log('呵呵')
    const id = $(this).data('id')

    $.ajax({
      type: 'get',
      url: 'http://localhost:3000/api/delbook',
      data: {
        id: id,
      },
      success: function (res) {
        if (res.status === 200) {
          // 删除成功
          alert('删除成功')
          render()
        } else {
          alert(res.msg)
        }
      },
    })
  })
})
